<template>
    
        <!--当前想要进行绑定的max 我们并不知道什么可以拿到真实的max值，但是总有某时刻是可以拿到的
        所以可以使用watch进行数据监听 不管watch会被触发几次 但是最后一次肯定是合法的数值-->
        <div class="mui-numbox" data-numbox-min='1' data-numbox-max='10'>
					<button class="mui-btn mui-btn-numbox-minus" type="button">-</button>
					<input id="test" class="mui-input-numbox" type="number" ref="numbox" @change="countChange" :value="initCount" readonly/>
					<button class="mui-btn mui-btn-numbox-plus" type="button">+</button>
		</div>
    
</template>
<script>
import mui from '../../lib/mui/dist/js/mui.min.js'
export default {
    mounted(){
        //初始化选择组件
        mui('.mui-numbox').numbox(),
        console.log(this.max)
    },
    methods:{
        countChange(){
            //文本数据改变 立刻调用事件
            //mui('.mui-numbox').numbox().getValue();
            //console.log(this.$refs.numbox.value);//两个方法都可以获取到数据的改变,但是这个方法是在有多个时候监听到对应的
            this.$store.commit("updateCar",{id:this.goodid,count:this.$refs.numbox.value})
           //this.$emit('getCount',parseInt(mui('.mui-numbox').numbox().getValue()));
        }
    },
    props:["initCount","goodid"]
}
</script>
<style lang="scss" scoped>

</style>